@import "../_function";
@import "../_variables";
@import "./sigin-item";

.sigin {
	height: 100%;
	.sigin-container {
		.sigin-header {
			height: pr(604);
			background: linear-gradient(left, #f1ead8, #fefbf2);
			padding-top: pr(240);
			box-sizing: border-box;
			text-align: center;
			&-title {
				font-size: pr(45);
				color: #999;
				margin-bottom: pr(85);
			}
			&-integral {
				font-size: pr(80);
				font-weight: bold;
				color: #b3a078;
			}
		}
		.sigin-slider {
			height: pr(190);
			background: #e8e1cf;
		}
		.sigin-btn {
			height: pr(240);
			display: flex;
			align-items: center;
			justify-content: center;
			button {
				background: #b3a078;
				border: none;
				width: pr(455);
				height: pr(100);
				border-radius: pr(100);
				font-size: pr(42);
				color: #fff;
			}
		}
		.sigin-content {
			padding: pr(40);
		}
	}
}
